import { ValueAccessor } from "solid-fire-controls";
import { Component, JSX, splitProps } from "solid-js";

const FcImage: Component<
  JSX.ImgHTMLAttributes<HTMLImageElement> & ValueAccessor<string>
> = (props) => {
  const [accessor, imgProps] = splitProps(props, ["value", "onValueChanged"]);

  return <img {...imgProps} src={accessor.value}></img>;
};

export default FcImage;
